<template>
  <n-config-provider :locale="zhCN" :theme-overrides="themeOverrides">
    <n-message-provider>
      <router-view></router-view>
    </n-message-provider>
  </n-config-provider>
</template>

<script lang="ts" setup>
import {
  GlobalThemeOverrides,
  NConfigProvider,
  NMessageProvider,
  zhCN,
} from "naive-ui";

const themeOverrides: GlobalThemeOverrides = {
  common: {
    primaryColor: "#0081CF",
    primaryColorHover: "#0081CF",
  },
};
</script>

<style>
:root {
  font-size: 1em;
  box-sizing: border-box;
}

*,
::before,
::after {
  box-sizing: inherit;
}

main {
  display: block;
}

.n-upload-trigger {
  width: 100%;
}
</style>
